<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
        <title>Social Network - Utrinki</title>
        
        <link rel="stylesheet" type="text/css" href="utrinki.css" />
        <link rel="stylesheet" type="text/css" href="jquery-ui-1.8.16.custom.css" />

        <script type="text/javascript" src="jquery-1.6.2.min.js"></script>
        <script type="text/javascript" src="jquery-ui-1.8.16.custom.min.js"></script>
        <script type="text/javascript" src="utrinki.js"></script>
    </head>
    <body>
       <div class="header">
            <div class="main_top">
                <div class="stars"><img src="Frontpage/stars.png" /></div>
                <div class="main_title"><h1>UtRiNkI</h1></div>
            </div>
        </div> 
        <div class="contents">
            <div class="left">
                
                <!-- instanca oz. primer vsebine za div_domov -->
                <div id="div_domov">
                    <!-- preko serverja se dodajajo div: comment ali picture objave mene in mojih prijateljev -->
                    <div class="comment">
                        <div class="notice">
                            <p class="person">Polona Oven</p>
                            <p>On the way to Amsterdam...</p>
                        </div>
                    </div>
                    <div class="picture">
                        <div class="notice">
                            <p class="person">Klemen Kos</p>
                            <p><a href="http://shrani.si/f/O/o4/33nSvKhv/herissonbypicc0laaragazz.jpg"><img src="http://shrani.si/f/O/o4/33nSvKhv/herissonbypicc0laaragazz.jpg"></img></a></p>
                        </div>
                    </div>
                    <div class="comment">
                        <div class="notice">
                            <p class="person">Polona Oven</p>
                            <p>Looks like its gonna be one of them days :S <a href="http://www.delo.si/">http://www.delo.si/</a></p>
                        </div>
                    </div>
                </div>
                
                <!-- instanca za dodajanje objav -->
                <div id="div_tab_notice">
                    <div id="tabs">
                        <ul>
                            <li><a href="#tab_comment"><span class="tab_option">Dodaj komentar</span></a></li>
                            <li><a href="#tab_image"><span class="tab_option">Dodaj sliko</span></a></li>
                        </ul>
                        
                        <div id="tab_comment" class="tab_panel">
                            <!-- fajl za dodajanje komentarja -->
                            <form action="" method="post">
                                <p class="registration_p">
                                    <label>Povedati hočem <br /><textarea id="write_comment" rows="3" cols="63" ></textarea></label>
                                </p>
                                <p class="registration_p">
                                    <label>Vpiši spletno povezavo (če želiš)<br /><input type="text" id="url_comment" size="63" maxlength="100" /> </label>
                                </p>
                                <p class="registration_p">
                                    <label><br />To lahko vidijo 
                                        <select name="group" class="selected_group">
                                            <option value="1" selected="selected">Znanci</option>
                                            <option value="2">Družina</option>
                                            <option value="3">Zaupni prijatelji</option>
                                        </select>
                                    </label>
                                </p>
                                <div class="button_notice">
                                    <input type="submit" class="button_style" name="objavi" value="Objavi"  />
                                </div>
                            </form>
                        </div>
                        
                        <div id="tab_image" class="tab_panel">
                            <!-- fajl za dodajanje slike -->
                            <form action="" method="post">
                                <p class="registration_p">
                                    <label>Vpiši spletno povezavo do slike <br /> <input type="text" id="url_image" size="63" maxlength="100" /> </label>
                                </p>
                                <p class="registration_p">
                                    <label><br />To lahko vidijo 
                                        <select name="group" class="selected_group">
                                            <option value="1" selected="selected">Znanci</option>
                                            <option value="2">Družina</option>
                                            <option value="3">Zaupni prijatelji</option>
                                        </select>
                                    </label>
                                </p>
                                <div class="button_notice">
                                    <input type="submit" class="button_style" name="objavi" value="Objavi"  />
                                </div>
                            </form>                                  
                        </div>
                    </div>
                </div>
                
                <!-- instanca oz. primer moj profil -->
                <div id="div_moj_profil">
                    <!-- preko serverja se dodajajo div: comment ali picture objave mene -->
                    <div class="comment">
                        <div class="notice">
                            <p class="person">Polona Oven</p>
                            <p>On the way to Amsterdam...</p>
                        </div>
                    </div>
                    <div class="picture">
                        <div class="notice">
                            <p class="person">Polona Oven</p>
                            <p><a href="http://shrani.si/f/O/o4/33nSvKhv/herissonbypicc0laaragazz.jpg"><img src="http://shrani.si/f/O/o4/33nSvKhv/herissonbypicc0laaragazz.jpg"></img></a></p>
                        </div>
                    </div>
                </div>
                
                <!-- instanca seznam mojih prijateljev -->
                <div id="div_moji_prijatelji">
                    <h1 class="h1_results">REZULTATI</h1>
                    <div id="friends_list">
                        <!--- od serverja dobijo imena, priimki in kraji prijateljev -->
                        <div class="friend">
                            <p>
                                <span class="friend_name">Klemen</span> <span class="friend_surname">Kos</span>, <span class="friend_place">Kranj</span>
                            </p>
                            <p>
                                <input type="button" class="button_style" name="profil_prijatelja" value="Prikaži profil" onclick="onMyFriend()" />
                            </p>        
                        </div>
                    </div>
                </div>
                
                <!-- instanca oz. primer prijateljev profil -->                
                <div id="div_prijatelj_profil">  
                    <!-- preko serverja se dodajo celi div comment in picture z objavami prijatelja (samo meni vidne objave) -->
                    <div class="comment">
                        <div class="notice">
                            <p class="person">Klemen Kos</p>
                            <p>On the way to Amsterdam...</p>
                        </div>
                    </div>
                    <div class="picture">
                        <div class="notice">
                            <p class="person">Klemen Kos</p>
                            <p><a href="http://shrani.si/f/O/o4/33nSvKhv/herissonbypicc0laaragazz.jpg"><img src="http://shrani.si/f/O/o4/33nSvKhv/herissonbypicc0laaragazz.jpg"></img></a></p>
                        </div>
                    </div>
                </div>
                
                <!-- instanca isci prijatelje -->
                <div id="div_isci_prijatelje">
                    <div id="search">                        
                        <form id="search_form" action="" method="post">
                            <p class="registration_p">
                                    <label>Vpiši prijateljevo ime <br /> 
                                    <input type="text" id="friend_name" size="63" maxlength="100" /></label>
                            </p>
                            <div class="button_notice">
                                    <input type="submit" class="button_style" name="isci" value="Išči" />
                            </div>
                        </form>
                    </div>
                    
                    <h1 class="h1_results">REZULTATI</h1>
                    <!-- od serverja dobijo imena, priimki in kraji osebkov -->
                    <!-- primer rezultata -->                    
                    <div id="search_results">                        
                        <div class="result">
                            <p>
                                <span class="friend_name">Klemen</span> <span class="friend_surname">Kos</span>, <span class="friend_place">Kranj</span>
                            </p>
                            <p>
                                <input type="button" class="button_style" name="dodaj_prijatelja" value="Dodaj prijatelja" onclick="putFriend()" />
                            </p>                            
                        </div>
                    </div>
                </div>               
                <!-- ************************* -->
            </div>
            <div class="right">
                <div id="menu_buttons">
                    <input type="button" class="div_button" value="Domov" onclick="onHome()" /><br />
                    <input type="button" class="div_button" value="Moj profil" onclick="onMyProfile()" /><br />
                    <input type="button" class="div_button" value="Moji prijatelji" onclick="onMyFriendsList()" /><br />
                    <input type="button" class="div_button" value="Poišči prijatelje" onclick="onSearchFriends()" /><br />
                    <input type="button" class="div_button" value="Dodaj novo objavo" onclick="onNewNotice()" /><br />
                </div>
                <!-- Fajl za odjavo -->
                <form action="" method="post">
                    <p>
                        <input type="submit" class="button_style" name="odjava" value="Odjava"  />
                    </p>
                </form>
            </div>
        </div>
        <div class="footer">Copyright © 2011 FRI SP-S15</div>
    </body>
</html>
